<!--
 * @Description: 
 * @Author: chenjiaxin
 * @Date: 2022-09-04 14:52:00
 * @LastEditTime: 2022-09-04 14:55:11
 * @FilePath: \vue-ts-vite\src\components\app-provider\src\AppProvider.vue
-->
<template>
  <n-loading-bar-provider>
    <n-dialog-provider>
      <!-- <DialogContent /> -->
      <n-notification-provider>
        <n-message-provider :max="1">
          <app-content />
          <slot></slot>
        </n-message-provider>
      </n-notification-provider>
    </n-dialog-provider>
  </n-loading-bar-provider>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import AppContent from "./AppContent.vue";
import {
  NMessageProvider,
  NDialogProvider,
  NLoadingBarProvider,
} from "naive-ui";

export default defineComponent({
  components: {
    AppContent,
    NMessageProvider,
    NDialogProvider,
    NLoadingBarProvider,
  },
  setup(props, { emit }) {},
});
</script>

<style lang="less" scoped>
:deep(.n-spin-container) {
  height: 100%;
}
:deep(.n-spin-content) {
  height: 100%;
}
</style>
